<template>
    <div>
        <Card :title="copyFormData.pageTitle"
              :bordered="false"
              dis-hover
              class="ivu-mt">
            <Form ref="formData"
                  :model="formData"
                  :rules="copyFormDataRules"
                  :label-width="140">
                <Row>
                    <Col span="18"
                         offset="3"
                         v-for="(item, index) in copyFormData"
                         :key="index">
                    <component :itemData="item.data"
                               :formData.sync="formData"
                               v-bind:is="item.fileName"
                               @handleChangeFormData="handleChangeFormData"></component>
                    </Col>
                    <Col span="18"
                         offset="3">
                    <FormItem>
                        <Button type="primary"
                                @click="handleSubmit('formData')">提交</Button>
                        <Button @click="handleReset('formData')"
                                class="ivu-ml-8">清空</Button>
                    </FormItem>
                    </Col>
                </Row>
            </Form>
        </Card>
    </div>
</template>
<script>
    import forms from '@/mixins/dynamicFormEdit'; // 混入通用代码
    export default {
        mixins: [forms],
        components: {  },
        data () {
            return {
            }
        },
        methods: {
            // 获取初始配置信息
            getConfigData () {
                this.pagePath = this.$route.path;
                let dynamicData = require('./configjs/reasonMangeEdit').default;
                this.requestApi = dynamicData.requestApi; // 页面所需接口集合
                this.$set(this.$data, 'dynamicData', dynamicData);
                this.setEditPageData(dynamicData);

                // copy 一份数据 方便清空表单数据
                let copyFormData = JSON.parse(JSON.stringify(this.dynamicData.formData));
                let copyFormDataRules = JSON.parse(JSON.stringify(this.dynamicData.formDataRules));
                // 传给子组件的数据
                this.copyFormData = copyFormData;
                this.copyFormDataRules = copyFormDataRules;

                // 重新获取数据
                this.uuid = this.$route.query.uuid;
                this.getEditPageInfo();
            }
        }
    }
</script>
